<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>
<body>
    <h1><del>删除线</del>表格</h1>
    <!-- table>(tr>td{1-$}+td{1-$}+td{1-$}+td{1-$})*6 -->
    <table border="2" cellspacing="0" cellpadding="30">
        <tr>
            <td>1-1</td>
            <td>1-1</td>
            <td>1-1</td>
            <td>1-1</td>
        </tr>
        <tr>
            <td>1-2</td>
            <td>1-2</td>
            <td>1-2</td>
            <td>1-2</td>
        </tr>
        <tr>
            <td>1-3</td>
            <td>1-3</td>
            <td>1-3</td>
            <td>1-3</td>
        </tr>
        <tr>
            <td>1-4</td>
            <td>1-4</td>
            <td>1-4</td>
            <td>1-4</td>
        </tr>
        <tr>
            <td>1-5</td>
            <td>1-5</td>
            <td>1-5</td>
            <td>1-5</td>
        </tr>
        <tr>
            <td>1-6</td>
            <td>1-6</td>
            <td>1-6</td>
            <td>1-6</td>
        </tr>
    </table>
    <h1>表格-thead/tbody</h1>
    <!-- table>(tr>td{1-$}+td{1-$}+td{1-$}+td{1-$})*6 -->
    <table border="2" cellspacing="0" cellpadding="30">
        <thead>
            <!-- thead表示表头/一个table中最多一个thead -->
        <tr>
            <td>学号</td>
            <td>姓名</td>
            <td>专业</td>
            <td>成绩</td>
        </tr>
       </thead> 
       <tr>
           <th>1-1</th>
           <th>1-2</th>
           <th>1-3</th>
           <th>1-4</th>
       </tr>  
       <tbody>
           <!-- tbody表示表格数据 一个table中可以有多个tbody -->
        <tr>
            <td>1-2</td>
            <td>1-2</td>
            <td>1-2</td>
            <td>1-2</td>
        </tr>
        <tr>
            <td>1-3</td>
            <td>1-3</td>
            <td>1-3</td>
            <td>1-3</td>
        </tr>
        <tr>
            <td>1-4</td>
            <td>1-4</td>
            <td>1-4</td>
            <td>1-4</td>
        </tr>
        <tr>
            <td>1-5</td>
            <td>1-5</td>
            <td>1-5</td>
            <td>1-5</td>
        </tr>
        <tr>
            <td>1-6</td>
            <td>1-6</td>
            <td>1-6</td>
            <td>1-6</td>
        </tr>
    </tbody>
    </table>
    <h1>不规则表</h1>
    <!-- table>(tr>td{1-$}+td{1-$}+td{1-$})*3 -->
    <table border=1 cellspacing="0" width="70%">
        <tr>
            <td>1-1</td>
            <td colspan="2">1-2</td>
            <!-- <td>1-3</td> -->
        </tr>
        <tr>
            <td rowspan="2">2-1</td>
            <td>1-2</td>
            <td>1-2</td>
        </tr>
        <tr>
            <!-- <td>3-1</td> -->
            <td>1-3</td>
            <td></td>
        </tr>
    </table>
</body>
</html>